<link rel="stylesheet/less" type="text/css" href="./bricks/component/misc/cover.less"/>
<link rel="stylesheet/less" type="text/css" href="./bricks/component/misc/misc.less"/>

<div class="ub-container">
    <div class="block-breaker"></div>

    <div class="row">
        <div class="col-6">
            <div class="ub-list ub-panel">
                <div class="head">
                    <div class="more">
                        <a href="#">更多</a>
                    </div>
                    <div class="title">
                        Misc
                    </div>
                </div>
                <div class="body">
                    <div class="row">
                        <div class="col-4">ub-icon-text</div>
                        <div class="col-8">
                            <a class="ub-icon-text" href="javascript:;">
                                <img data-src="placeholder/200x200" class="icon">
                                <span class="text">用户名</span>
                            </a>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-4">ub-pair</div>
                        <div class="col-8">
                            <div class="ub-pair">
                                <div class="name">标题</div>
                                <div class="value">名称</div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-4">ub-placeholder</div>
                        <div class="col-8">
                            <div class="ub-placeholder">测试</div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-4">ub-text-slash-separate</div>
                        <div class="col-8">
                            <div class="ub-text-slash-separate">
                                <a class="item" href="javascript:;">标题</a>
                                <a class="item" href="javascript:;">标题</a>
                                <a class="item" href="javascript:;">标题</a>
                            </div>
                        </div>
                    </div>
                    <div class="ub-line"></div>
                </div>
            </div>
        </div>
        <div class="col-6">
            <div class="ub-list ub-panel">
                <div class="head">
                    <div class="title">
                        Tools
                    </div>
                </div>
                <div class="body">
                    <div class="ub-tools">
                        <a class="item" href="javascript:;">
                            <span class="icon iconfont">&#xe673;</span>
                            <span class="text">收藏</span>
                        </a>
                        <a class="item active" href="javascript:;">
                            <span class="icon iconfont">&#xe673;</span>
                            <span class="text">已收藏</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-6">
            <div class="ub-list ub-panel">
                <div class="head">
                    <div class="title">
                        Upload
                    </div>
                </div>
                <div class="body">
                    <div class="ub-file-selector">
                        <div class="ub-file-selector__value">
                            无
                        </div>
                        <div class="ub-file-selector__close hidden">
                            <i class="iconfont icon-close"></i>
                        </div>
                        <div class="ub-file-selector__action">
                            <a href="javascript:;" class="btn">
                                <i class="iconfont icon-category"></i>
                                选择
                            </a>
                        </div>
                        <div class="ub-file-selector__action">
                            <a href="javascript:;" class="btn">
                                <i class="iconfont icon-category"></i>
                                上传
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
